<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/date_input.css">
	<link rel="stylesheet" type="text/css" href="../css/common-list.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
	<script src="../js/jquery-1.12.3.js"></script>
	<script src="../js/jquery.date_input.pack.js"></script>
	<header>
		<div class="header-con">
			<a class="navbar-header" href="">
				<img src="../images/logo.png" alt="">
			</a>
			<ul>
				<li>
					<a href="" class="open-menu">首页</a>
				</li>
				<li>
					<a href="">人资管理</a>
				</li>
				<li>
					<a href="">指标设置</a>
				</li>
				<li>
					<a href="">数据统计</a>
				</li>
				<li>
					<a href="">工作时设置</a>
				</li>
				<li>
					<a href="">财务管理</a>
				</li>
			</ul>
		</div>
		<div class="peo-message">
			<div class="peo-cir">
				<!-- <img src="" alt=""> -->
			</div>
			<em>黑披士</em>
			<span class="down-list"></span>
			<!-- <ul>
				<li>123</li>
			</ul> -->
		</div>
	</header>
	<div class="boxed clearfix">
		<div class="common-tit">
			<h2>添加员工</h2>
			<span>人资管理 > 添加员工</span>
		</div>
		<div class="ad-box">
			<div class="account-infor">
				<div class="requir">
					<span>* 必填项</span>
				</div>
				<h3>
					<em>*</em>
					<span>账户信息</span>
				</h3>
				<div class="reg-ac clearfix">
					<input type="text" class="in-l mob required" placeholder="员工账号">
					<span></span>
					<input type="text" class="in-r pas" placeholder="请代填初始密码">
					<em>此账号已经被注册过</em>	
				</div>
			</div>
			<div class="basic">
				<h3>
					<span>基本信息</span>
				</h3>
				<div class="staff-info">
					<div class="camera">
						<div class="ca"></div>
						<div class="upl">本地上传</div>
					</div>
					<ul class="bs-box">
						<li>
							<i>*</i>
							<input type="text" class="in-l required" placeholder="这里输入文字">
							<input type="text" class="in-r" placeholder="别名 / 英文名">
						</li>
						<li>
							<i>*</i>
							<div class="list-box b-sex" choice="mandatory">
								<div class="downbtn">
									<span>请选择性别</span>
									<em></em>
								</div>
								<ul class="dropdown-menu">
									<li class="cho-tit">请选择性别</li>
									<li>男</li>
									<li>女</li>
								</ul>
							</div>
							<b>请选择</b>
							<input type="text" class="in-r required" placeholder="微信号">
							<strong>*</strong>
						</li>
						<li>
							<i>*</i>
							<input type="text" class="in-l mob required" placeholder="手机号">
							<div class="date-ibox">
								<input type="text" class="in-r date-input required" readOnly="true" placeholder="出生年月">
							</div>
							<strong>*</strong>
						</li>
						<li>
							<i>*</i>
							<input type="text" class="in-l required" placeholder="紧急联系人姓名">
							<input type="text" class="in-r required" placeholder="紧急联系人电话">
							<strong>*</strong>
						</li>
						<li>
							<i>*</i>
							<input type="text" class="in-a required" placeholder="联系地址">
						</li>
						<li>
							<i></i>
							<input type="text" class="in-a" placeholder="备注">
						</li>
					</ul>	
				</div>
			</div>
			<div class="st-pos">
				<h3>
					<span>职位信息</span>
				</h3>
				<div class="pos-b clearfix">
					<!-- <div class="pos-dwrite">
						<div class="pos-dbox">
							<div class="pos-dcon">
								<div class="dep">
									<span>部门名称:</span>
									<em>产品部</em>
								</div>
								<div>
									<span>职位名称:</span>
									<em>导师</em>
								</div>
							</div>
							<div class="pos-dcon">
								<div class="dep">
									<span>所属分店:</span>
									<em>分店一 分店二 分店三</em>
								</div>
								<div>
									<span>年龄分组:</span>
									<em>12~15</em>
								</div>
							</div>
							<div class="pos-dconf">
								<div class="dep">
									<span>导师等级:</span>
									<em>特级</em>
								</div>
								<div>
									<span>舞种:</span>
									<em>拉丁舞</em>
								</div>
							</div>
						</div>
						<div class="comm-del">删除</div>
					</div> -->
					<div class="pos-info">
						<ul class="poi-box clearfix">
							<li>
								<div class="list-box clearfix" choice="mandatory">
									<div class="downbtn">
										<span>请选择部门</span>
										<em></em>
									</div>
									<ul class="dropdown-menu">
										<li class="cho-tit">请选择部门</li>
										<li>部门1</li>
										<li>部门2</li>
										<li>部门3</li>
										<li>部门4</li>
									</ul>
								</div>
								<b>请选择</b>
							</li>
							<li id="choicePos">
								<div class="list-box clearfix" choice="mandatory">
									<div class="downbtn">
										<span>请选择职业</span>
										<em></em>
									</div>
									<ul class="dropdown-menu">
										<li class="cho-tit">请选择职业</li>
										<li>导师</li>
										<li>主理人</li>
										<li>财务总监</li>
										<li>会计</li>
										<li>人资管理</li>
										<li>HR</li>
										<li>运营总监</li>
										<li>服务顾问</li>
										<li>前台</li>
										<li>市场总监</li>
										<li>市场专员</li>
										<li>产品总监</li>
									</ul>
								</div>
								<b>请选择</b>
							</li>
							<li class="p-t">
								<div class="list-box clearfix" choice="mandatory">
									<div class="downbtn">
										<span>请选择年龄</span>
										<em></em>
									</div>
									<ul class="dropdown-menu">
										<li class="cho-tit">请选择年龄</li>
										<li>年龄分组1</li>
										<li>年龄分组2</li>
										<li>年龄分组3</li>
										<li>年龄分组4	</li>
									</ul>
								</div>
								<b>请选择</b>
							</li>
							<li class="p-t">
								<div class="list-box clearfix" choice="mandatory">
									<div class="downbtn">
										<span>请选择舞种</span>
										<em></em>
									</div>
									<ul class="dropdown-menu">
									 	<li class="cho-tit">请选择舞种</li>
										<li>舞种1</li>
										<li>舞种2</li>
										<li>舞种3</li>
										<li>舞种4</li>
									</ul>
								</div>
								<b>请选择</b>
							</li>
							<li class="p-t">
								<div class="list-box clearfix" choice="mandatory">
									<div class="downbtn">
										<span>请选择导师等级</span>
										<em></em>
									</div>
									<ul class="dropdown-menu">
										<li class="cho-tit">请选择导师等级</li>
										<li>导师等级1</li>
										<li>导师等级2</li>
										<li>导师等级3</li>
										<li>导师等级4	</li>
									</ul>
								</div>
								<b>请选择</b>
							</li>
							<li class="p-und">
								<div class="pos-branch">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<span>分店一</span>
								</div>
								<div class="pos-branch">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<span>分店二</span>
								</div>
								<div class="pos-branch">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<span>分店三</span>
								</div>
								<div class="pos-branch b-ls">
									<div class="sub-con">
										 <div class="test-check">
											<input type="checkbox" class="ck">
											<div class="check">
												<span></span>
											</div>
										</div>
									</div>
									<span>分店四</span>
								</div>
								<b>请选择至少一个分店</b>
							</li>
						</ul>	
						<div id="careerInfo" class="comm-add">添加</div>
					</div>
				</div>
			</div>
			<div class="pay-info">
				<h3>
					<span>薪资信息</span>
				</h3>
				<div class="pos-b">
					<div class="base-pay">
						<div class="p-slj">
							<span>基本工资:</span>
							<input type="text" placeholder="金额" onkeyup="intNum(this)">
							<em>元/月</em>
						</div>
					</div>
				</div>
				
				<!-- 导师 -->
				<div class="pos-p occ-t clearfix">
					<h4>导师</h4>
					<div class="p-box">
						<div class="m-sl">
							<span>课时费:</span>
							<input type="text" placeholder="金额" onkeyup="intNum(this)">
							<em>元/人</em>
						</div>
						<div class="rad-sl clearfix">
							<div class="rad-box">
								<div class="p-sl">
									<input class="p-radio" type="radio" name="commission" value="固定提成" onkeyup="intNum(this)">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>固定提成</span>
									<div class="comm-con clearfix">
										<input type="text" placeholder="提成费用" onkeyup="intNum(this)">
										<em>元/人</em>
									</div>
								</div>
								<div class="p-sy clearfix">
									<input class="p-radio" type="radio" name="commission" value="阶段提成" onkeyup="intNum(this)">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>阶段提成</span>
									<div class="comm-con clearfix">
										<!-- <div class="comm-write">
											<b>0</b>
											<em>-</em>
											<b>99</b>
											<em>阶段</em>	
											<div class="cx">
												<em>提成比例为</em>
												<b>10</b>
												<em>元/人</em>
												<div class="comm-del">删除</div>
											</div>
										</div> -->
										<div class="comm-box">
											<div class="stage-box">
												<span>0</span>
											</div>
											<em> 人- </em>
											<input type="text" onkeyup="intNum(this)">
											<strong>人 阶段</strong>
											<div class="cx">
												<em>提成比例为</em>
												<input type="text" onkeyup="intNum(this)">
												<strong>元/人</strong>
												<div class="comm-add">添加</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="p-exc clearfix">
							<div class="p-exbox">
								<i>超出指标提成:</i>
								<div class="comm-con clearfix">
									<!-- <div class="comm-write">
										<span>0</span>
										<em>-</em>
										<b>99</b>
										<em>阶段</em>	
										<div class="cx">
											<em>提成比例为</em>
											<b>10</b>
											<em>元/人</em>
											<div class="comm-del">删除</div>
										</div>
									</div> -->
									<div class="comm-box">
										<div class="stage-box">
											<span>0</span>
										</div>	
										<em> - </em>
										<input type="text" onkeyup="intNum(this)">
										<strong>元 阶段</strong>
										<div class="cx">
											<em>提成比例为</em>
											<input type="text" onkeyup="intNum(this)">
											<strong>%</strong>
											<div class="comm-add">添加</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
						<div class="p-sl">
							<span>私教提成:</span>
							<input id="personal" type="text" placeholder="提成比例" onkeyup="intNum(this)">
							<em>%</em>
						</div>
					</div>
				</div>

				<!-- 服务顾问 -->
				<div class="pos-p occ-a clearfix">
					<h4>服务顾问</h4>
					<div class="p-box">
						<!-- <div class="rad-sl clearfix">
							<div class="rad-f">缴费提成:</div>
							<div class="rad-box">
								<div class="p-sl">
									<input class="p-radio" type="radio" name="commission" value="固定提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>固定提成</span>
									<div class="comm-con clearfix">
										<input type="text" placeholder="提成比例">
										<em>%</em>
									</div>
								</div>
								<div class="p-sy clearfix">
									<input class="p-radio" type="radio" name="commission" value="阶段提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>阶段提成</span>
									<div class="comm-con clearfix">
										<div class="comm-box">
											<div class="stage-box">
												<span>0</span>
											</div>
											<em> 元- </em>
											<input type="text">
											<strong>元 阶段</strong>
											<div class="cx">
												<em>提成比例为</em>
												<input type="text">
												<strong>%</strong>
												<div class="comm-add">添加</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div> -->
						<div class="p-exc clearfix">
							<div class="p-exbox">
								<i>超出指标提成:</i>
								<div class="comm-con clearfix">
									<!-- <div class="comm-write">
										<span>0</span>
										<em>-</em>
										<b>99</b>
										<em>阶段</em>	
										<div class="cx">
											<em>提成比例为</em>
											<b>10</b>
											<em>%</em>
											<div class="comm-del">删除</div>
										</div>
									</div> -->
									<div class="comm-box">
										<div class="stage-box">
											<span>0</span>
										</div>
										<em> - </em>
										<input type="text" onkeyup="intNum(this)">
										<strong>元 阶段</strong>
										<div class="cx">
											<em>提成比例为</em>
											<input type="text" onkeyup="intNum(this)">
											<strong>%</strong>
											<div class="comm-add">添加</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 产品总监 -->
				<div class="pos-p occ-c clearfix">
					<h4>产品总监</h4>
					<div class="p-box">
						<!-- <div class="rad-sl clearfix">
							<div class="rad-f">缴费提成:</div>
							<div class="rad-box">
								<div class="p-sl">
									<input class="p-radio" type="radio" name="commission" value="固定提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>固定提成</span>
									<div class="comm-con clearfix">
										<input type="text" placeholder="提成比例">
										<em>%</em>
									</div>
								</div>
								<div class="p-sy clearfix">
									<input class="p-radio" type="radio" name="commission" value="阶段提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>阶段提成</span>
									<div class="comm-con clearfix">
										<div class="comm-box">
											<div class="stage-box">
												<span>0</span>
											</div>
											<em> 元- </em>
											<input type="text">
											<strong>元 阶段</strong>
											<div class="cx">
												<em>提成比例为</em>
												<input type="text">
												<strong>%</strong>
												<div class="comm-add">添加</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div> -->
						<div class="p-exc clearfix">
							<div class="p-exbox">
								<i>团队超出指标提成:</i>
								<div class="comm-con clearfix">
									<!-- <div class="comm-write">
										<span>0</span>
										<em>-</em>
										<b>99</b>
										<em>阶段</em>	
										<div class="cx">
											<em>提成比例为</em>
											<b>10</b>
											<em>%</em>
											<div class="comm-del">删除</div>
										</div>
									</div> -->
									<div class="comm-box">
										<div class="stage-box">
											<span>0</span>
										</div>
										<em> - </em>
										<input type="text" onkeyup="intNum(this)">
										<strong>元 阶段</strong>
										<div class="cx">
											<em>提成比例为</em>
											<input type="text" onkeyup="intNum(this)">
											<strong>%</strong>
											<div class="comm-add">添加</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 运营总监 -->
				<div class="pos-p occ-y clearfix">
					<h4>运营总监</h4>
					<div class="p-box">
						<!-- <div class="rad-sl clearfix">
							<div class="rad-f">缴费提成:</div>
							<div class="rad-box">
								<div class="p-sl">
									<input class="p-radio" type="radio" name="commission" value="固定提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>固定提成</span>
									<div class="comm-con clearfix">
										<input type="text" placeholder="提成比例">
										<em>%</em>
									</div>
								</div>
								<div class="p-sy clearfix">
									<input class="p-radio" type="radio" name="commission" value="阶段提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>阶段提成</span>
									<div class="comm-con clearfix">
										<div class="comm-box">
											<div class="stage-box">
												<span>0</span>
											</div>
											<em> 元- </em>
											<input type="text">
											<strong>元 阶段</strong>
											<div class="cx">
												<em>提成比例为</em>
												<input type="text">
												<strong>%</strong>
												<div class="comm-add">添加</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div> -->
						<div class="p-exc clearfix">
							<div class="p-exbox">
								<i>团队超出指标提成:</i>
								<div class="comm-con clearfix">
									<!-- <div class="comm-write">
										<span>0</span>
										<em>-</em>
										<b>99</b>
										<em>阶段</em>	
										<div class="cx">
											<em>提成比例为</em>
											<b>10</b>
											<em>%</em>
											<div class="comm-del">删除</div>
										</div>
									</div> -->
									<div class="comm-box">
										<div class="stage-box">
											<span>0</span>
										</div>
										<em> - </em>
										<input type="text" onkeyup="intNum(this)">
										<strong>元 阶段</strong>
										<div class="cx">
											<em>提成比例为</em>
											<input type="text" onkeyup="intNum(this)">
											<strong>%</strong>
											<div class="comm-add">添加</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 市场总监薪资 -->
				<div class="pos-p occ-s clearfix">
					<h4>市场总监</h4>
					<div class="p-box">
						<!-- <div class="rad-sl clearfix">
							<div class="rad-f">缴费提成:</div>
							<div class="rad-box">
								<div class="p-sl">
									<input class="p-radio" type="radio" name="commission" value="固定提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>固定提成</span>
									<div class="comm-con clearfix">
										<input type="text" placeholder="提成比例">
										<em>%</em>
									</div>
								</div>
								<div class="p-sy clearfix">
									<input class="p-radio" type="radio" name="commission" value="阶段提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>阶段提成</span>
									<div class="comm-con clearfix">
										<div class="comm-box">
											<div class="stage-box">
												<span>0</span>
											</div>
											<em> 元- </em>
											<input type="text">
											<strong>元 阶段</strong>
											<div class="cx">
												<em>提成比例为</em>
												<input type="text">
												<strong>%</strong>
												<div class="comm-add">添加</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div> -->
						<div class="p-exc clearfix">
							<div class="p-exbox">
								<i>团队超出指标提成:</i>
								<div class="comm-con clearfix">
									<!-- <div class="comm-write">
										<span>0</span>
										<em>-</em>
										<b>99</b>
										<em>阶段</em>	
										<div class="cx">
											<em>提成比例为</em>
											<b>10</b>
											<em>%</em>
											<div class="comm-del">删除</div>
										</div>
									</div> -->
									<div class="comm-box">
										<div class="stage-box">
											<span>0</span>
										</div>
										<em> - </em>
										<input type="text" onkeyup="intNum(this)">
										<strong>人 阶段</strong>
										<div class="cx">
											<em>提成比例为</em>
											<input type="text" onkeyup="intNum(this)">
											<strong>%</strong>
											<div class="comm-add">添加</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 市场专员 -->
				<div class="pos-p occ-m clearfix">
					<h4>市场专员</h4>
					<div class="p-box">
						<!-- <div class="rad-sl p-rad clearfix">
							<div class="rad-f">学员转化提成:</div>
							<div class="rad-box">
								<div class="p-sl">
									<input class="p-radio" type="radio" name="commission" value="固定提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>固定提成</span>
									<div class="comm-con clearfix">
										<input type="text" placeholder="提成比例">
										<em>%</em>
									</div>
								</div>
								<div class="p-sy clearfix">
									<input class="p-radio" type="radio" name="commission" value="阶段提成">
									<div class="ra-btn">
										<span></span>
									</div>
									<span>阶段提成</span>
									<div class="comm-con clearfix">
										<div class="comm-box">
											<div class="stage-box">
												<span>0</span>
											</div>
											<em> 人- </em>
											<input type="text">
											<strong>人 阶段</strong>
											<div class="cx">
												<em>提成比例为</em>
												<input type="text">
												<strong>元/人</strong>
												<div class="comm-add">添加</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div> -->
						<div class="p-exc clearfix">
							<div class="p-exbox pex">
								<i>超出指标提成:</i>
								<div class="comm-con clearfix">
									<!-- <div class="comm-write">
										<span>0</span>
										<em>-</em>
										<b>99</b>
										<em>阶段</em>	
										<div class="cx">
											<em>提成比例为</em>
											<b>10</b>
											<em>%</em>
											<div class="comm-del">删除</div>
										</div>
									</div> -->
									<div class="comm-box">
										<div class="stage-box">
											<span>0</span>
										</div>
										<em> - </em>
										<input type="text" onkeyup="intNum(this)">
										<strong>人 阶段</strong>
										<div class="cx">
											<em>提成比例为</em>
											<input type="text" onkeyup="intNum(this)">
											<strong>%</strong>
											<div class="comm-add">添加</div>
										</div>	
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="pos-b pos">
					<div class="welfare we-show clearfix">
						<div class="p-sub">
							<span>福利补助:</span>
							<div class="sub-n">
								<div class="sub-con">
									 <div class="test-check">
										<input type="checkbox" class="ck">
										<div class="check">
											<span></span>
										</div>
									</div>
								</div>
								<span>福利名</span>
								<span>200元/月</span>
							</div>
							<div class="sub-t">
								<div class="sub-con">
									 <div class="test-check">
										<input type="checkbox" class="ck">
										<div class="check">
											<span></span>
										</div>
									</div>
								</div>
								<span>培训福利</span>
								<span>200元/月</span>
							</div>
						</div>
					</div>
				</div>
				<div class="pay-btn">保存</div>
			</div>
		</div>	
	</div>
	
	<script src="../js/common-list.js"></script>
	<script>
		$(function(){
			$('.date-input').date_input();
		});
	</script>
</body>
</html>